<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/commons/global.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <%@ include file="/commons/basejs.jsp" %>
</head>

<style>
    *{margin:0;padding:0;}
    .name_list{
        padding:10px 0;
    }
    .name_list:after{
        content: '';
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    .name_list li{
        width: 33.33%;
        float:left;
        line-height: 25px;
    }
    .name_list li .sp1{
        display: inline-block;
        text-align: right;
        width: 100px;
        vertical-align: top;
    }
    .name_list li .sp2 img{
        width: 260px;
        height:148px;
    }
    .h_Jian{
        position: relative;
        line-height:22px;
    }
    .h_Jian:after{
        content: '';
        display: block;
        height:0;
        clear: both;
        visibility: hidden;
    }
    .h_Jian .h_fl{
        text-align: right;
        width: 100px;
        vertical-align: top;
        position: absolute;
        top: 0px;
        left:0px;
    }
    .h_Jian .h_fr{
        padding:0px 10px 0px 105px;
        height: 90px;
        overflow-y: auto;
    }
    <%-- List页面图片缩略图显示上下左右剧中 --%>
    .hImgCenter{display: block;text-align: center;vertical-align: middle;padding: 10px 0px;}
    .hImgCenter img{vertical-align: middle;}
    <%-- DataGrid超宽加滚动条 --%>
    .datagrid-view{ overflow-x:auto;}

</style>
<body style="padding:0;"  class="easyui-layout">

    <div data-options="region:'north',title:'企业基本信息', split:true" style="height:320px;">
        <ul class="name_list clearfix">
            <li><span class="sp1">国旗：</span><span class="sp2"><img src="${country.imgUrl}" title="123"></span></li>
            <li><span class="sp1">国标：</span><span class="sp2"><img src="${country.imgUrl}" title="123"></span></li>
            <li><span class="sp1">中文简称：</span>${country.caname}</li>
            <li><span class="sp1">中文简称：</span>${country.caname}</li>
            <li><span class="sp1">英文全称：</span>${country.ename}</li>
            <li><span class="sp1">英文简称：</span>${country.eaname}</li>

            <li><span class="sp1">缩写：</span>${country.abbreviation}</li>
            <li><span class="sp1">所属州：</span>${dic:getBusDicLabel("COUNTRY_TYPE",country.type , "") }</li>
        </ul>

    </div>

    <div data-options="region:'center' " class="layout-panel-center">
        <div id="countryTT" class="easyui-tabs" data-options="fit:true">
        </div>
    </div>

<script>

    $(function(){
        var countryid = ${country.id};
        $('#countryTT').tabs({
            border: false
        });

      $('#countryTT').tabs('add', {
            title:"国家详情介绍",
            iconCls : "fi-address-book",
            href:"${path}/admin/countryDetails/manager?countryId="+countryid,
            selected:true
        });

        /*   $('#ttk').tabs('add', {
             title:"项目图片",
             iconCls : "fi-photo on",
             selected: false,
             href:"${path}/admin/engineeringImg/manager?engineeringId=${engineeringId}"
        });*/

    })
</script>
</body>
</html>
